<template>
  <div>
    用户名: <input  v-model="username" type="text"><br>
    姓名: <input v-model="fullname" type="text">
  </div>
</template>

<script>
import { set } from 'vue';
export default {

  data() {
    return {
      username:''
    };
  },

 computed:{
  //计算属性的简单写法.只能获取数据,不能修改数据
  //计算属性的完整写法
  //语法:
  //计算属性名:{
  // get(){}
  // set(){}
  // }
  // fullname(){
  //   return '爱新觉罗张三'
  // }
  fullname:{
    //get 函数就等同于简单写法的函数
    //计算属性必须要有get,而且需要返回结果
    get() {
      return this.username
    },
    set(val) {
    this.username =val
    //计算属性完整写法的小结
    //1. 如果要访问计算属性 ,会自动执行get
    //2. 如果要修改计算属性, 会自动执行set   
   }
  }
 },

  methods: {
    
  },
};
</script>

<style>

</style>